html,body{
    height: 100%;
}
body{
    display: flex;
    flex-direction:column;
    background-color: #f4f4f4;
}

.header{
    display:flex;
    flex-wrap: wrap;
    position: relative;
}
.header .top-box1{
    display: flex;
    float: left;
}
.header .order{
    flex: 1;
    font-size: 16px;
    position: absolute;
    top: 20px;
    left:150px;

}
.top-box2{
    display: flex;
    justify-content: space-around;
    background-color: #fff;
    height: 40px;
    margin-top: 50px;
}
.top-box2 li{
    padding: 0px 16px;
    margin-left: 3px;
    font-size: 14px;
    line-height: 40px;

}
.main{
    flex: 1;
    overflow-y: scroll;
}